<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>我的订单</title>

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/semantic.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/main.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/common.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/light-theme.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/m2015.css" />
    <script src="__PUBLIC__/Js/jquery-3.1.1.min.js"></script>
</head>
<style>
    .dizhi{
        border-bottom:15px solid transparent;
         -moz-border-image:url(__PUBLIC__/Images/index/line.png) 18 6 round; /* Old Firefox */
        -webkit-border-image:url(__PUBLIC__/Images/index/line.png) 18 6 round;    /* Safari and Chrome */
        -o-border-image:url(__PUBLIC__/Images/index/line.png) 18 6 round;     /* Opera */
        border-image:url(__PUBLIC__/Images/index/line.png) 18 6 round;
        padding: 20px 5px;
        overflow:hidden;
    }
    .dizhi-xx{
        width: 80%;
        float: left;
    }
    .xiangq{
        width: 70%;
        float: left;
    }
    .xiangq img{
        float: left;
        margin-right: 5%;
    }
   .cart_one{
        border-bottom: 5px solid #f2f2f2;
    }
    .qedd-sl{
        padding:10px 5px; 
        color: #000;
        overflow:hidden;
         border-bottom: 5px solid #f2f2f2;
    }
    .qedd-sl .Spinner{
        width: 50%;
        float: right;
        margin-top: 5px;
    }
    .qedd-sl .peisong{
        width: 50%;
        float: right;
        margin-top: 5px;
        text-align: center; 
        position: relative; 
    }
    .qedd-sl .peisong select{
        border: none;
         position: absolute;  
        left: 0px;  
        top: 0px;  
        width: 100%;  
        height: 3em;  
    }
    .tit{
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        white-space: normal;
    }
    .or-box1 {
        border-top: 1px solid #c9cbcb;
        overflow: hidden;
        padding: 0px 5px;
        position: fixed;
        bottom: 49px;
        z-index: 2;
        background-color: #fff;
        width: 100%;
        text-align: right;
    }
</style>
<body>
<div class="accounttitle"><h1>确认订单 </h1></div>
 <!-- 地址 -->
    <a href="__APP__/Gouwu/dizhi" style="display: block;">
        <div class="dizhi">
            <img src="__PUBLIC__/Images/index/dingwei.png" alt="" style="float: left;margin-top: 10px;margin-right: 5px;">
            <div class="dizhi-xx">
                <p style="color: #363636">收货人:{$order['name']}<span style="display:block;float: right;text-align: right;">电话：{$order['tel']}</span></p>
                <p style="color: #000;margin-top: 5px">收货地址:{$order['address']}</p>
            </div>
            <img src="__PUBLIC__/Images/index/right.png" alt="" style="float: right;margin-top: 10px;" alt="">
        </div>
    </a>
<div class="boxthree flag">
        <form name="form4" id="form4" method="post" action="__URL__/ShopAC_gw_order">
         <volist name="list" id="vo">
            <div class="ui equal width stackable internally celled grid" style="border-bottom: 5px solid #f2f2f2;padding: 5px 0;">
                <div class="center aligned  row">
                    <div class="img">
                        <a href="#">
                            <div class="m-r-img">
                                <img class="ui top aligned tiny image" src="{$product[$vo['id']]['img']}">
                            </div>
                        </a>
                    </div>

                    <div class="hot-info">
                        <div class="hto-p">

                            <p class="hto-title tit">商品名称：{$vo.order_id}</p>
                            <p class="hto-title tit" style="color: #b23b32">商品单价：&yen;{$vo.money}</p>
                            <p class="hto-title tit">购买数量：{$vo.shu}</p>
                          <!--   <p class="hto-title">订单状态：
                                <eq name="vo['have_pay']" value='0'>未支付</eq>
                                <eq name="vo['have_pay']" value='1'>已支付</eq>
                            </p> -->
                        </div>
                    </div>
                </div>
<!-- 
                <div class="or-box">
                    <p>总计：{$vo.cprice}</p>
                </div> -->
            </div>
            </volist>
            <div class="or-box1">
                <div class="or-box">
                     <input type="hidden" name="pid" value="{$vo.id}">
                    <input type="hidden" name="example2" tabindex="0" class="hidden" value="1" checked>
                    <span style="display: inline-block;margin-right:5%">合计：<span style="color: #b23b32">&yen;{$vo.cprice}</span></span>
                      <input type="button" name="action" value="结算" onclick="dsdsd()" class="ui orange button gm" style="background:#b13a33;padding: 10px 20px;">
                </div>
            </div>
        </form>
</div>
<link rel="stylesheet" href="__PUBLIC__/Css/page.css">
<!-- <div style="text-align: center" class="pagelist">{$page}</div> -->


<div style="height:70px;background-color:#fff;"></div>
<script type="text/javascript">
    $(".note__close").click(function(){
        $(this).parent().fadeOut(500, function(){
            $(this).remove();
        });
    });
</script>

<include file="Public:footer" />

<script src="__PUBLIC__/layer/layer.js"></script>
<script type="text/javascript">
function dsdsd(){
     layer.prompt({title: '请输入二级密码', formType: 1}, function(pass, index){
      layer.close(index);
      $.post("__URL__/order",{oid:pass},function (data) {
                if(data==2){
                    alert('二级密码错误！');
                    return false;
                }else{
                    $('#form4').submit();
                }

            })
      
    });
}
   
</script>